/*banner*/
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 50px;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;padding-top:5px;}
.slideBox .hd ul li{cursor:pointer;float: left;margin-right: 15px;width: 64px;height: 8px;text-align: center;background: #fff;}
.slideBox .hd ul .on{background: #193066;color: #fff;}
.slideBox .bd{position:relative;}
.slideBox .bd li img{width:100%;} 

@media (max-width: 890px){
	.slideBox .hd{bottom: 20px;}
	.slideBox .hd{left: 53%;}
	.slideBox .hd ul li{width: 50px;height: 7px;}
}

@media (max-width: 420px){
	.slideBox .bd li{width: 100%;overflow: hidden;}
	.slideBox .bd li img {width: 150%;margin-left: -25%;}
	.slideBox .hd ul li{width: 45px;height: 4px;}
}

/*留言*/
.titt span{font-size: 36px;color: #333;text-align: center;display: block;font-weight: bold;}
.titt p{font-size: 18px;color: #666;text-align: center;margin: 15px 0 60px;}

.feedback{background: url(../image/ly_bg.jpg) no-repeat center;background-size: cover;padding: 80px 0 90px;}
.feedback .titt span,.feedback .titt p{color: #fff;}
.feedback .ny{width: 20%;border: solid 1px #e7e6e5;background: rgba(255, 255, 255, 0.95);color: #333;line-height: 50px;height: 50px;float: left;margin-right: 1%;font-size: 15px;padding-left: 20px;}
.feedback .yy{width: 46%;border: solid 1px #e7e6e5;background: rgba(255, 255, 255, 0.95);color: #333;line-height: 50px;float: left;margin-right: 1%;font-size: 15px;height: 50px;padding-left: 20px;}
input.ny::placeholder{color: #999;}
input.yy::placeholder{color: #999;}
.feedback .tj{width: 10%;background: #0199e5;color: #333;line-height: 50px;height: 50px;float: left;font-size: 15px;color: #fff;text-align: center;border: none;}

@media (max-width: 768px){
	.titt span{font-size: 26px;}
	.titt p{font-size: 15px;line-height: 30px;margin-bottom: 30px;}
	
	.feedback .ny,.feedback .yy{float: none;width: 95%;margin: 0 auto;margin-bottom: 20px;display: block;}
	.feedback .tj{float: none;width: 30%;margin: 0 auto;display: block;}
	.feedback{padding: 40px 0;margin-bottom: 70px;}
}

@media (max-width: 420px){
	.titt span{font-size: 24px;}
	.titt p{margin-top: 4px;}
}

/*新闻*/
.news{background: url(../image/product_bg.jpg);padding: 70px 0 90px;}
.news ul{overflow: hidden; }
.news li{float: left;margin-right: 2%; width:32%;box-sizing: border-box;}
.news li:last-child{margin-right: 0;}
.news img{width:100%;}

.news dl{padding: 20px;background: #fff;width: 100%;margin-top: 30px;}
.news dl dt{float: left;margin-right: 2%; width:32%;height: 45px;line-height: 45px;overflow: hidden;}
.news dl dt:nth-child(3n){margin-right: 0;}
.news dl dt a{font-size: 15px;color: #333;font-weight: normal;}
.news dl dt b{color: #193066;margin-right: 10px;}
.news dl dt i{font-size: 14px;color: #999;width: 22%;overflow: hidden;font-style: normal;}
.news dl dt p{width:78%;overflow: hidden;}
.news dl dt:hover p{color: #193066;font-weight: bold;}

@media (max-width: 1050px){
    .news dl dt{width: 100%;}
}

.xwbox{position: relative;}
.xwtp{ overflow:hidden;max-height: 290px;}
.xw_text{padding: 10px 30px 0 30px;background: #fff;}
.xw_text h2{font-size: 18px; color: #000; line-height: 52px; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news a:hover h2{color: #193066;font-weight: bold;}
.xw_text p{font-size: 14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 24px; color: #666666; padding-bottom: 28px;}
.xw_text h4{font-size: 14px; color: #666; border-top:1px dashed #999999; line-height: 80px; background: url(../image/a_03.jpg) no-repeat left center; padding-left: 35px;}
.xwbox span {margin:auto;display:inline-block;position:absolute;bottom:0px;left:0;width:0px;height:2px;background:#193066;transition:.5s;border-radius:50px;}
.news a:hover span{width:100%;}
.news a:hover .xwbox{ -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);-moz-box-shadow:0 0 10px rgba(0, 0,0, .3);box-shadow:0 0 10px rgba(0, 0, 0, .3);  }
.btn2{transition: All 0.4s ease-in-out;display: block;width:198px; height: 58px; border:1px solid #193066; font-size: 16px; color: #193066; line-height: 58px; text-align: center; margin: 50px auto 0 auto;}
.btn2:hover{color: #fff; background: #193066;}
.img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou }
.img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); }

@media (max-width: 768px){
	.news{padding: 40px 0 150px;}
	.news li{padding: 0;width: 100%;margin-bottom: 30px;}
	.btn2{margin-top: 20px;}
}

@media (max-width: 420px){
	.xw_text h2{font-size: 16px;}
	.xw_text p{padding-bottom: 18px;}
	.xw_text h4{line-height: 70px;}
	.btn2{width: 165px;height: 50px;line-height: 50px;margin-top: 10px;}
}

/*产品*/
.products{padding: 70px 0 80px;background: url(../image/product_bg.jpg);}

.products li{ float: left; width: 23.5%; margin-right: 2%;margin-bottom: 2%;}
.products li:nth-child(4n){margin-right: 0px;}
.products li .img{width: 100%;height: 258px;overflow: hidden;position: relative;display: block;}
.products li .img img{width: 100%;height: 100%;display: block;transition: all 0.3s linear 0s; }
.products li .img:hover img{transform: scale(1.1);}
.products li .txt{height: 50px;line-height: 50px;text-align: center;color: #333;font-size: 16px;background: #fff url(../image/cpicon1.png)no-repeat 90%;border-top: 1px solid #eee;}
.products li:hover .txt{background: #fff url(../image/cpicon2.png)no-repeat 90%;box-shadow: 0px 7px 13.92px 2.08px rgba(0, 0, 0, 0.15);}

@media (max-width: 1300px){
	.products li .img{height: 190px;}
}

@media (max-width: 1000px){
	.products li,.products li:nth-child(4n){float: left;margin-right: 2%; width:32%;}
	.products li:nth-child(3n){margin: 0 auto;}
	.products li:nth-child(7),.products li:nth-child(8){display: none;}
	.products li .img{height: 190px;}
}

@media (max-width: 768px){
	.products li,.products li:nth-child(4n),.products li:nth-child(3n){width: 49%;margin-right: 0;margin-bottom: 2%;}
	.products li:nth-child(2n){float: right;}
}

@media (max-width: 420px){
	.products{padding: 40px 0 50px;}
	.products li .img{height: 150px;}
	.products li .txt{height: 40px;line-height: 40px;font-size: 14px;}
}
	
/*公司简介*/
.about .hTitle{font-size:36px;font-weight:normal;color:#333;text-transform: uppercase;line-height:28px;margin-bottom:30px;}
.about .hTitle span{display:block;font-size:16px;font-family:Arial;opacity:.6;padding-top: 14px;}

.about{background:url(../image/ab_bg.jpg) no-repeat center top;color:#fff;overflow:hidden;}
.aboutLeft{padding:80px 0 90px;width:56%;color:#fff;}
.aboutLeft .hTitle{color:#fff;}
.aboutLeft .hTitle strong:before{background:#fff;}
.aboutLeft .font{margin-bottom:50px;overflow:hidden;font-size: 15px;line-height: 36px;height: 180px;overflow: hidden;}
.aboutMenu{height: auto;overflow:hidden;}
.aboutMenu li{float:left;width:25%;background: url(../image/a_line.png) no-repeat right 24px;padding-right:10%;text-align:center;}
.aboutMenu li:last-child{width: 15%;}
.aboutMenu li i{display:inline-block;width:54px;height:62px;background: url(../image/aIcon.png) no-repeat;}
.aboutMenu li h4{font-size:16px;color:#fff;font-weight:normal;line-height: 22px;margin-top: 10px;}
.aboutMenu li h4 span{display:block;font-size:14px;font-family:Arial;opacity:.4;}
.aboutMenu li:last-child{padding-right:0;margin-right:0;background:none;}
.aboutMenu li h4{width:100%;}
.aboutMenu li:nth-child(2) i{background-position: -54px 0;}
.aboutMenu li:nth-child(3) i{background-position: -108px 0;}
.aboutMenu li:nth-child(4) i{background-position: -162px 0;}
.aboutMenu li a:hover i{background-position: 0 -62px;}
.aboutMenu li:nth-child(2) a:hover i{background-position: -54px -62px}
.aboutMenu li:nth-child(3) a:hover i{background-position: -108px -62px}
.aboutMenu li:nth-child(4) a:hover i{background-position: -162px -62px}
.video{width:30%;height:100%;position:relative;margin-top: 20%;}
.video i{position:absolute;background: url(../image/vIcon.png) no-repeat;width:60px;height:60px;top:50%;left:50%;margin-left:-30px;margin-top:-30px;cursor:pointer;}

@media (max-width: 1400px){
	.aboutLeft{width: 60%;}
	.aboutMenu li{width: 26%;}
}

@media (max-width: 1200px){
	.aboutLeft{width: 63%;}
}

@media (max-width: 1024px){
	.aboutLeft{width: 65%;}
	.aboutMenu li{width: 28%;}
}

@media (max-width: 1000px){
	.about{background: #193066;}
	.aboutLeft{width: 100%;}
	.video{display: none;}
	
}

@media (max-width: 668px){
	.aboutMenu li,.aboutMenu li:last-child{background: none;width: 50%;margin-bottom: 30px;padding-right: 0;}
}

@media (max-width: 420px){
	.aboutLeft{padding: 50px 0 20px;}
	.about .hTitle strong{font-size: 24px;}
	.about .hTitle span{font-size: 15px;padding-top: 4px;}
	.aboutLeft .font{font-size: 14px;line-height: 30px;}
}

/*案例*/
.mt-tabpage {
	margin: 80px 0 90px;
}
.mt-tabpage-title {
	width: 28%; 
	margin: 0 auto;
}
.mt-tabpage-title .mt-tabpage-item {
	display: inline-block;
	width: 47.4%;
	height: 55px;
	line-height: 55px;
	font-size: 16px;
	color: #fff;
	margin-right: 4%;
	background: #c30d23 url(../image/case_ic1.png) no-repeat 20%;
	padding-left: 20%;
}
.mt-tabpage-title .mt-tabpage-item:last-child{background: #c30d23 url(../image/case_ic2.png) no-repeat 20%;margin-right: 0;}
.mt-tabpage-title .mt-tabpage-item:hover,.mt-tabpage-title .mt-tabpage-item-cur {background: #193066 url(../image/case_ic1.png) no-repeat 20%;font-weight: bold;}
.mt-tabpage-title .mt-tabpage-item:last-child:hover,.mt-tabpage-title .mt-tabpage-item-cur:last-child{background: #193066 url(../image/case_ic2.png) no-repeat 20%;margin-right: 0;}
.mt-tabpage-count {
	position: relative;
	width: 100%;
	height: 250px;
	overflow: hidden;
	margin-top: 70px;
}
.mt-tabpage-cont__wrap {
	position: absolute;
}
.mt-tabpage-count .mt-tabpage-item {
	width: 1400px;
	height: 250px;
	float: left;
}
.mt-tabpage-count .mt-tabpage-item dt{float: left; width: 23.5%; margin-right: 2%;margin-bottom: 2%;}
.mt-tabpage-count .mt-tabpage-item dt:nth-child(4n){margin-right: 0;}
.mt-tabpage-count .mt-tabpage-item dt .img{width: 100%;height: 250px;overflow: hidden;position: relative;display: block;border: 1px solid #bbb;}
.mt-tabpage-count .mt-tabpage-item dt .img img{width: 100%;height: 100%;display: block;transition: all 0.3s linear 0s; }
.mt-tabpage-count .mt-tabpage-item dt .img:hover img{transform: scale(1.1);}
.mt-tabpage-count .mt-tabpage-item dt .txt{position: absolute;width: 100%;padding: 16px 10px;bottom: 0;left: 0;background: rgba(0,0,0,0.5);}
.mt-tabpage-count .mt-tabpage-item dt .txt span{font-size: 16px;color: #fff;font-weight: normal;}
.mt-tabpage-count .mt-tabpage-item dt .txt i{color: #fff;}

@media (max-width: 1400px){
	.mt-tabpage-title{width: 40%;}
}

@media (max-width: 1024px){
	.mt-tabpage-count .mt-tabpage-item dt{width: 22%;}
	.mt-tabpage-count .mt-tabpage-item dt .img,.mt-tabpage-count{height: 220px;}
}

@media (max-width: 930px){
	.mt-tabpage-title{width: 60%;}
}

@media (max-width: 1024px){
	.mt-tabpage-count .mt-tabpage-item dt{width: 25%;}
	.mt-tabpage-count .mt-tabpage-item dt .img,.mt-tabpage-count{height: 240px;}
}

@media (max-width: 630px){
	.mt-tabpage-title{width: 80%;}
}

@media (max-width: 480px){
	.mt-tabpage-title{width: 100%;}
}

@media (max-width: 420px){
	.mt-tabpage{margin: 40px 0;}
	.mt-tabpage-count .mt-tabpage-item dt{width: 24.5%;margin-right: 0.8%;}
	.mt-tabpage-count .mt-tabpage-item dt .img,.mt-tabpage-count{height: 160px;}
	.mt-tabpage-count .mt-tabpage-item dt .txt{padding: 10px;}
	.mt-tabpage-count .mt-tabpage-item dt .txt span{font-size: 14px;}
	.mt-tabpage-count{margin-top: 30px;}
}

@media (max-width: 380px){
	.mt-tabpage-title .mt-tabpage-item,.mt-tabpage-title .mt-tabpage-item:last-child{float: none;width: 50%;margin: 0 auto;margin-bottom: 20px;display: block;}
}
.imgfd{overflow: hidden;}
.imgfd img{transition: all 0.5s ease;height: auto;width: 100%;margin: 0 auto;display: block;vertical-align: middle;}
.imgfd:hover img{transform: scale(1.1);}
.index3 .imgfd{width: 25%;}.index3 .txt{width: 70%;}
.index3 .tit p{font-size: 16px;color: #666;display: block;margin-top: 8px;}
.index3 .mo-re{display: block;width: 200px;height: 50px;border: 2px solid #ddd;border-radius: 500px;text-align: center;line-height: 50px;font-size: 14px;color: #333;margin-top: 15px;}
.index3 .mo-re:hover{color: #fff;border: 2px solid #14264c;background: #14264c;}
.index3 ul{margin-top: 38px;border: 1px solid #ddd;box-sizing: border-box;border-bottom: none;display: inline-block;}
.index3 li{border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;width: 25%;float: left;box-sizing: border-box;display: inline-block;}
.index3 li:nth-child(4n){border-right: none;}
.index3 li .box{padding: 40px 30px;}
.index3 li i{display:block;width: 38px;height: 41px;overflow: hidden;}
.index3 li img{transition:all 0.3s linear;}
.index3 li b{display: block;font-size: 18px;color: #333;margin: 20px 0;}
.index3 li p{display: block;font-size: 15px;color: #666;line-height: 24px;height: 48px;overflow: hidden;}
.index3 li:hover{background: #14264c;}
.index3 li:hover b,.index3 li:hover p{color: #fff;}
.index3 li:hover img{transform:translateY(-41px);}
@media (max-width: 1300px){
	.index3,.index5,.index6{margin-top: 60px;}
	.index3 .imgfd{display: none;}
	.index3 .txt,.index6 dl,.index6 .imgfd,.index7 dt p{width: 100%;}
}
@media (max-width: 1000px){
	.index3,.index5,.index6{margin-top: 50px;}
	.index3 .mo-re,.index2 .box1 .tit{display: none;}
	.index3 li{width: 50%;}
	.index3 li:nth-child(2),.index3 li:nth-child(6){border-right: none;}
}
@media (max-width: 600px){
	.index1,.index2,.index6,.index7 .box2,.index7 .box1,.index7 .cont{padding: 30px 0 40px;}
	.index3,.index5,.index6{margin-top: 40px;}
	.font1{font-size: 20px;}
	.index1 .txt .tit span,.sy-tit p,.index3 .tit p,.index3 li p{font-size: 14px;}
	.index1 .txt .tit b,.index3 li b,.index6 .imgfd .box2 b{font-size: 16px;}
	.des,.font2,.index6 dt p,.index7 .box1-2 a,.index7 dt p,.index7 .list_lh li .wt,.index7 .imgfd .txt,.index5 li p,.des p{font-size: 15px!important;}
	.index1 .numb li b{font-size: 30px;}
	.sy-tit p:before{left: 66%;}.sy-tit p:after{right: 66%;}
	.index3 .tit p,.sy-tit p{line-height: 24px;}
	.index3 li .box,.index6 dl .box1,.index6 .imgfd .box2{padding: 20px;}
	.index3 li b,.index7 dt{margin-bottom: 14px;}

}